<template>
	<view class="">
		 
		<view class="top_search mx-20 bg-F5F5F5 bor-r12 h-64 aj-center" @click="searchnav()">
			<view class="search_img aj-center mr-20">
				<image src="../../static/search.png" mode=""></image>
			</view>
			<view class="f-26 c-99 fw-400">
				输入关键字搜索
			</view>
		</view>
		<view class="mt-16">
			<swiper class="swiper" indicator-active-color="#A67016" indicator-color="#ffffff" :indicator-dots="true"
				:autoplay="true" :interval="3000" :duration="1000">
				<swiper-item>
					<image src="../../static/swiper.png" mode=""></image>
				</swiper-item>
				<swiper-item>
					<image src="../../static/swiper.png" mode=""></image>
				</swiper-item>
			</swiper>
		</view>
		<view class="mt-20 mx-28 just-between">
			<view class="flex bshow6 bor-r18 bg-ff p-28-48-28-28">
				<view class="card_img mr-23">
					<image src="../../static/doct.png" mode=""></image>
				</view>
				<view class="flex-column ">
					<view class="f-36 f-bold  c-11 mb-8">
						找医生
					</view>
					<view class="f-24 c-77 fw-400">
						更多专家医师
					</view>
				</view>
			</view>
			<view class="flex bshow6 bor-r18 bg-ff p-28-48-28-28">
				<view class="card_img mr-23">
					<image src="../../static/love.png" mode=""></image>
				</view>
				<view class="flex-column ">
					<view class="f-36 f-bold  c-11 mb-8">
						找医生
					</view>
					<view class="f-24 c-77 fw-400">
						更多专家医师
					</view>
				</view>
			</view>
		</view>
		<!-- -->
		<view class="  bshow6    bor-r18 bg-ff  just-between   mx-28 mt-20  py-20 px-24 ">
			<view class="bg-F5FDFF  mr-20 bor-r18 shequ">
				<view class="f-bold c-11 f-36">
					社区门诊店
				</view>
				<view class="mt-8  f-24 fw-400 c-77">
					专家问诊 线上报名
				</view>
				<view class="fs-20 mt-8  fw-400 c-00BFCF bor-r6 bor-solid1-00BFCF bg-ff  givein aj-center">
					点击进入
				</view>
				<view class="sq_img mt-10">
					<image src="../../static/sq.png" mode=""></image>
				</view>
			</view>

			<view class="">
				<view class="  bor-r18  flex phone_doct bg-F5FDFF">
					<view class=" " style="margin-right: 51rpx;">
						<view class="f-bold f-30 c-11 ">
							咨询互动
						</view>
						<view class="c-77 f-22 f-400  mt-8">
							在线咨询 更方便
						</view>
					</view>

					<view class="phone_img  ">
						<image src="../../static/phone.png" mode=""></image>
					</view>
				</view>

				<view class="  mt-20 bor-r18 flex phone_doct bg-F5FDFF">
					<view class=" " style="margin-right: 29rpx;">
						<view class="f-bold f-30 c-11">
							会员升级区
						</view>
						<view class="c-77 f-22 f-400  mt-8">
							更多优惠 会员专享
						</view>
					</view>

					<view class=" love_img">
						<image src="../../static/lw.png" mode=""></image>
					</view>
				</view>
			</view>
		</view>

		<view class="jfshoop_img mx-28 mt-20">
			<image src="../../static/jfshoop.png" mode=""></image>
		</view>
	</view>


</template>

<script>
	export default {
		data() {
			return {


			}
		},
		onLoad() {

		},
		methods: {
			searchnav() {
				console.log('a')
				// url: '/goodsPackage/confirm-order/confirm-order?data=' + datas
				uni.navigateTo({
					url: '/indexSearch/search/search'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.search_img {
		width: 30rpx;
		height: 30rpx;
	}

	.swiper {
		height: 350rpx;
	}

	.card_img {
		width: 92rpx;
		height: 92rpx;
	}

	.sq_img {
		width: 238rpx;
		height: 153rpx;
	}

	.shequ {
		// padding: 26rpx 38rpx 0rpx 28rpx;
		padding-top: 26rpx;
		padding-right: 38rpx;
		padding-left: 26rpx;

		.givein {
			width: 92rpx;
			height: 34rpx;
		}

	}

	.phone_doct {
		padding: 36rpx 20rpx 29rpx 20rpx;

		.phone_img {
			width: 60rpx;
			height: 93rpx;

		}

		.love_img {
			width: 60.42rpx;
			height: 59.16rpx;
			padding-top: 10rpx;
			// padding-left: 16rpx;

		}
	}

	.jfshoop_img {
		width: 694rpx;
		height: 125rpx;
	}
</style>
